<template>
  <div class="app-container">
    <div class="head">
      <img src="@/assets/img/Layout/position.png" />
      <p class="see-block">账号绑定详情</p>
    </div>
    <div class="view-container">
      <el-row class="detail-item">
        <el-col :span="12">
          <span>租户账号：</span>{{ detailData.userName ? detailData.userName : '暂无' }}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
          <span>地址：</span>{{ detailData.address ? detailData.address : '暂无' }}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
          <span>联系电话：</span>{{ detailData.phone ? detailData.phone : '暂无' }}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
          <span>联系人：</span>{{ detailData.contacts ? detailData.contacts : '暂无' }}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
          <span>公司名称：</span>{{ detailData.corporateName ? detailData.corporateName : '暂无' }}
        </el-col>
      </el-row>
      <el-row class="detail-item">
        <el-col :span="12">
          <span>备注：</span>{{ detailData.remark ? detailData.remark : '暂无' }}
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import { detail } from "@/api/system/dealerBinding/dealerBinding"
export default {
  name: "detail",
  data() {
    return {
      id: '',
      detailData: '',
    }
  },
  created() {
    this.id = this.$route.query.id
    this.getDetailData()
  },
  methods: {
    // 获取详细信息
    getDetailData() {
      detail(this.id).then(res => {
        if(res.code == 200){
          this.detailData = res.data
        }
      })
    }
  }
}
</script>
